<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>2213江晓萃的作业</title>
    
</head>
<body background="2.jpg">
    
    
    <h1>This is the first assignment.</h1>
    （包含<a href="#one">图片</a>,<a href="#two">超链接</a>,<a href="#three">列表</a>,<a href="#four">表格</a>,
    <a href="#five">表单</a>)<br>
    <audio src="ra.mp3" autoplay="autoplay" controls="controls">light music</audio>
    <br>
    <ul>
        <li><h2 id="noe">图片</h2></li>
    </ul>
    <ol>
        <li>这是一张<strong>本地图片</strong><br><img src="1.jpg" alt="(这是一张小羊的图片)" title="非常可爱的一只小羊"\></li>
        <li>这是一张<strong>远程图片</strong><br><img src="https://img1.baidu.com/it/u=2851218138,1537172533&fm=253&fmt=auto&app=138&f=JPEG?w=658&h=493" title="日落"\></li><br>
    </ol> 
    <ul>
        <li><h2 id="two">超链接</h2></li>
    </ul>
    <ol>
        <li>这是<strong>远程网页</strong><a href="https://mini.eastday.com/?qid=04163" target="_blank">clinck it</a></li>
        <li>这是<strong>本地网页</a></strong><a href="1.html" target="_blank" >clinck it</a></li>
        <li>这是<strrong>锚点链接</strrong><a href="#five">表单</a></li>
    </ol>
    <ul>
        <li><h2 id="three">列表</h2></li>
    </ul>
    <strong>有序列表</strong>（例这是星期二的课表）
    <ol>
        <li>微积分</li>
        <li>思想道德</li>
        <li>中国近代史</li>
        <li>web开发</li>
    </ol>

    <strong>无序列表</strong>（例这是我们寝室的成员）
    <ul>
        <li>张拢</li>
        <li>张燕杰</li>
        <li>冯诗雨</li>
    </ul>

    <strong>列表嵌套</strong>（例个人介绍）
    <ul>
        <li>性格特点</li>
        <ol>
            <li>乐观开朗</li>
            <li>勤奋努力</li>
            <li>积极上进</li>
        </ol>
        <li>爱好特长</li>
        <ol>
            <li>唱歌跳舞</li>
            <li>跑步瑜伽</li>
            <li>阅读学习</li>
        </ol>
    </ul><br>
    <ul>
        <li><h2 id="four">表格</h2></li>
    </ul>
    <table align="left" border="1" cellpadding="6" cellspacing="0" height="150" width="300">
        <caption>寝室人员</caption>
        <thead>
            <tr>
                <th>姓名</th>
                <th>性别</th>
                <th>年龄</th>
                <th colspan="2">电话号码</th>
                
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>江晓萃</td>
                <td rowspan="2">女</td>
                <td rowspan="2">18</td>
                <td colspan="2">18370805789</td>
            </tr>
            <tr>
                <td>张拢</td>
                <td colspan="2">12345678912</td>
            </tr>
        </tbody>
    </table>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <span>
    <ul>
        <li><h2 id="five">表单</h2></li>
    </ul>
    <form>
         用户名<input type="text" name="username"><br>
         密码<input type="password" name="密码"><br>
         昵称<input type="text" name="昵称"><br>
         联系方式<input type="text" name="联系方式"><br>
         自我介绍<input type="text" name="自我介绍"><br>
        <input type="button" value="注册">
        <input type="button" value="忘记密码">
        <input type="button" value="发送验证码"><br>
        性别：女<input type="radio" name="sex" checked>
            男<input type="radio" name="sex" checked><br>
        爱好:游泳<input type="checkbox" name="游泳">
             跳舞<input type="checkbox" name="跳舞">
             打篮球<input type="checkbox" name="打篮球"><br>
        选择班级<select>
            <option>软件2210</option>
            <option>软件2211</option>
            <option>软件2212</option>
            <option>软件2213</option>
        </select>    
    </form>
</span>
   <br>
</body>
</html>